<template>
    <div class="warnTable-wrapper">
        <dv-scroll-board :config="config" style="width:7rem;height:100%" />
    </div>
</template>

<script>
    export default {
        name: "warnTable",
        data(){
            return{
                config:{
                    header:['位置','参数','时间','报警信息'],
                    data: [
                        ['1号养殖场', '0','2021.05.13','<span style="color:#f50404;">温度大于20°C</span>'],
                        ['2号养殖场', '0','2021.05.13','<span style="color:#f50404;">温度大于20°C</span>'],
                        ['3号养殖场', '0','2021.05.13','<span style="color:#f50404;">温度大于20°C</span>'],
                        ['4号养殖场', '0','2021.05.13','<span style="color:#f50404;">温度大于20°C</span>'],
                        ['5号养殖场', '0','2021.05.13','<span style="color:#f50404;">温度大于20°C</span>'],
                        ['1号养殖场', '0','2021.05.13','<span style="color:#f50404;">温度大于20°C</span>'],
                        ['2号养殖场', '0','2021.05.13','<span style="color:#f50404;">温度大于20°C</span>'],
                    ],
                }
            }
        },
    }
</script>

<style scoped lang="scss">
    .warnTable-wrapper{
        height: 3rem;
    }
</style>
